<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        #big {
            /*文本居中*/
            text-align: center;
            font-size: 30px;
            font-weight: bold;
        }

        #content {
            /*首行缩进*/
            text-indent: 2em;
            /*文字行高*/
            line-height: 50px;
        }
        #p1{
            /*下划线*/
            text-decoration: underline;
        }
        #p2{
            /*中划线*/
            text-decoration: line-through;
        }
        #p3{
            /*上划线*/
            text-decoration: overline;
        }
        #pic img,span{
            /*图片和文字能够水平居中*/
            vertical-align: middle;
        }
        a{
            /*超链接去掉下划线*/
            text-decoration: none;
        }
    </style>
</head>
<body>
<p id="big">人物故事</p>
<p id="content">这是一个大美女</p>
<p id="p1">6</p>
<p id="p2">6</p>
<p id="p3">6</p>
<p id="pic">
    <img src="../images/mn.png" alt="">
    <span>hwq</span>
</p>
<a href="">超链接</a>
</body>
</html>